<template>
  <div class="app-container">
    <header>
      <div>
        <el-form :model="form" inline size="small">
          <el-form-item label="开始签约日期">
            <el-date-picker size="small" value-format="yyyy-MM-dd" v-model="form.region" type="date" placeholder="选择日期">
            </el-date-picker>
          </el-form-item>

          <el-form-item label="结束签约日期" label-width="120px">
            <el-date-picker size="small" value-format="yyyy-MM-dd" v-model="form.region" type="date" placeholder="选择日期">
            </el-date-picker>
          </el-form-item>

          <el-form-item label="学员姓名" label-width="120px">
            <el-input v-model="form.name"></el-input>
          </el-form-item>

          <el-form-item label="身份证号码" label-width="120px">
            <el-input v-model="form.name"></el-input>
          </el-form-item>

          <el-form-item label="地址" label-width="120px">
            <el-input v-model="form.name"></el-input>
          </el-form-item>

          <el-form-item label="是否签名" label-width="95px">
            <el-select v-model="form.name" placeholder="请选择">
              <el-option label="item.label" value="1">
              </el-option>
            </el-select>
          </el-form-item>

          <el-form-item class="ml-2">
            <el-button type="primary" icon="el-icon-search">查询</el-button>
            <el-button type="info">取消签名(取消后需重签)</el-button>
          </el-form-item>
        </el-form>
      </div>
    </header>

    <main>
      <div>
        <el-table :data="tableData" stripe border>
          <el-table-column type="selection" width="55"/>
          <el-table-column label="ID" width="120">
            <template slot-scope="scope">{{ scope.row.date }}</template>
          </el-table-column>
          <el-table-column prop="name" label="学员姓名" width="120"/>
          <el-table-column prop="address" label="车型"/>
          <el-table-column prop="address" label="性别"/>
          <el-table-column prop="address" label="电话"/>
          <el-table-column prop="address" label="身份证号码"/>
          <el-table-column prop="address" label="地址"/>
          <el-table-column prop="address" label="已签名"/>
          <el-table-column prop="address" label="签名时间"/>
          <el-table-column prop="address" label="签名图片"/>
        </el-table>
      </div>
    </main>
  </div>
</template>

<script>
/**
* @author        Yng
* @time          2023-12-11 15:47:47  星期一
* @description   学员签约
**/


export default {
  name: 'studentSign',
  data() {
    return {
      form: {
        synthesis: "",
        region: "",
        name: ""
      },
      tableData:[]
    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped></style>